/* 通用滚动条样式 */
::-webkit-scrollbar {
    width: 10px; /* 调整滚动条的宽度 */
}

::-webkit-scrollbar-thumb {
    background: #c0c0c0; /* 滚动条滑块的背景颜色 */
    border-radius: 6px; /* 滑块的圆角 */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* 滚动条轨道的背景颜色 */
}

::-webkit-scrollbar-track-piece {
    background-color: transparent; /* 轨道片段的背景颜色 */
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; /* 鼠标悬停时滑块的背景颜色 */
}

/* 针对Firefox浏览器的滚动条样式 */
scrollbar {
    -moz-appearance: none;
    width: 12px;
}

scrollbar-thumb {
    background: #c0c0c0;
    border-radius: 6px;
}

scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 针对IE浏览器的滚动条样式 */
-ms-滚动bar {
    width: 12px;
    background: #c0c0c0;
}

.ms-滚动条-thumb {
    background: #c0c0c0;
    border-radius: 6px;
}

.ms-滚动条-thumb:hover {
    background: #a8a8a8;
}